【第 27 個第一次】抓住每個企業識別展示的機會 ! 快速導覽網站瀏覽時視覺上需要準備的基本資訊

第 12 屆 iThome 鐵人賽

DAY 27

自我挑戰組

軟體開發商新手 PM 30 個第一次系列第 27 篇

【第 27 個第一次】抓住每個企業識別展示的機會 ! 快速導覽網站瀏覽時視覺上需要準備的基本資訊

12th鐵人賽網頁開發專案管理專案經理

Jade Chang

2020-10-11 23:58:22

1239 瀏覽

分享至

Day 27 - 這是一個三方合作的溫馨(瘟腥)故事

設計師 : 架站的資料記得拿 Favicon, OGI, Logo

工程師 : 還要拿網站網址, 網站敘述, 客服信箱, 有會員機制的記得拿隱私權聲明

沒錯，這邊是想要跟大家分享從網站搜尋看到的敘述、在 FB 分享網站的時候會出現的預覽圖以及瀏覽器分頁上的小圖示，他們都是有名字跟規格的 !! 如果未來希望使用者在網站上每個動作有機會看到您的組織 Logo 或是資訊，歡迎參考這篇文章，會說明使用者在甚麼舉動下，會看到您的企業識別，別忘記請您的廠商協助設定唷 !

大家好，我是 Jade Chang
先前任職於科技外商，主要負責對於 Developers 的開發經驗體驗，過去 5-6 年出沒於技術社群以及大專院校。嘗試過直播節目、技術黑客松、帶狀節目系列以及線上短期活動等行銷策略，半年前轉職到台灣在地的軟體開發商，從事行銷與專案經理，也合夥新創了一間數位公司，超展開職涯要開始囉!!!

總共會要甚麼東西?

千萬不要覺得很多項目，整理資料總是比較瑣碎，但是讀完此篇文章就會知道這些素材出現在很多地方的! 會依照下圖拆成情境來說明 :

企業識別 Logo :　建議提供 ai, svg 方便調整尺寸
網站網址 : 網站的 URL
Favicon 網站小圖示 : 建議提供 ai, svg 方便調整尺寸
網站名稱 : 網站的名字
網站敘述 : 100 - 150 字，由於 Google 搜尋引擎規範不提供斷行，建議善用標點符號。
OGI 圖片 : 1200 * 630，FB/LINE 分享網站時使用。
組織/公司名稱 : 網站組織名稱
客服信箱 : 客服所使用的信箱
隱私權聲明 : 個資法規定，如有會員功能就需提供。

請繼續往下看這些東西會出現在哪邊唷!

一個網站會需要的基本資訊

在第十三天有發一篇關於網站的基礎設施，這篇多說的是視覺比較看不到的資訊設定【第 13 個第一次】網址、網域、DNS 指向，架設網站的基礎設施，現在要說明的是使用者會看到的基本資訊，基本上會是以下畫面

企業識別 Logo : 目前多半新型網站企業識別 Logo 都會建置在網站左上角，有兩個作用
- 多個使用者經驗指出，人的閱讀習慣會從左上開始往右閱讀，將企業識別放置於此有助於加強品牌露出。
- 多半使用者習慣會靠左上的 Logo 回到網頁的第一層。
網站網址 : 這個網站所使用的 URL，看組織是要從既有網域分出一個網址或是重新購買，可以請架設網站的協助設定或是代操，建議網址與公司名稱接近以達到使用者記憶不論哪個網址都是同一間公司的為主。
Favicon 網站小圖示 : 會位於瀏覽器新分頁的左手邊，建議與企業識別相同 Logo。
網站名稱 : 簡單說就是網站的名子，會出現在瀏覽器分頁上以及搜尋引擎上。
組織/公司名稱 : 會出現在網站最下方 Footer 中，為了加強使用者知道此網站是由哪個組織提供。
客服信箱 : 客服當道時代，提供使用者如果對於網站資訊有回饋可連絡的信箱。

使用者如果這樣做..我們也要準備好!

使用者使用的裝置與習慣太多不同的交錯變化，為了因應所有可能的情境，製作網站的朋友一定要準備好時時有機會露出的機會，以下三大點是絕大多數使用者會對於網站做的行為，這些地方上的露出把握好也會增進 SEO 的排名唷!

在社群平台分享網站連結時 : 會顯示哪些內容以及如何顯示呢?

網站網址 : 使用者會在社群平台分享網站連結。
Open Graph Image : 尺寸建議 1200 * 630，以 FB+Line 為舉例，Open Graph Image 的意思就是在不同平台分享時所要顯示的主要圖片，通常提供一張設定好就會在不同平台有不同尺寸的露出。
網站名稱 : 上一段落提到的網站名稱也會在分享時出現。